﻿<%@ Page Language="C#" MasterPageFile="~/PaginaInicio.master" AutoEventWireup="true" CodeFile="CronogramaMostrar.aspx.cs" Inherits="CronogramaMostrar" Title="Página sin título" %>
<%@ Register Assembly="AjaxControlToolkit" Namespace="AjaxControlToolkit" TagPrefix="cc1" %>

<asp:Content ID="Content1" ContentPlaceHolderID="head" Runat="Server">
    <style type="text/css">

        
        .modalBackground {
 background-color:Black;
 filter:alpha(opacity=70);
 opacity:0.7;
}
        .tablaEncabezado
        {
            color: #FFFFFF;
            height: 15px;
            font-family: Tahoma;
            font-size: medium;
            background-color: #0085C6;
            font-size:small;
            
        }
        .tablaFilas
        {
        	color: #FFFFFF;
            height: 15px;
            font-family: Tahoma;
            font-size: medium;
            font-size:small;
        }
       
        .etiquetas
        {
	        color: #FFFFFF;
        }
                .accordionCabecera
{

background-color: #C62D73;
font-family: Tahoma;
font-size: 12px;
font-weight: bold;
margin-bottom: 3px;
margin-top: 3px;
padding: 3px;
cursor: pointer;
Height: 20px;
color: #CCCCCC;

}
   .style64
     {
         color: #FFFFFF;
     }
     
     .style66
     {
         text-decoration: none;
     }
 .accordionCabeceraInterna
{

background-color: #0085C6;
font-family: Tahoma;
font-size: 12px;
font-weight: bold;
margin-bottom: 2px;
padding: 2px;
cursor: pointer;
Height: 21px;
color: #CCCCCC;
        width: 100%;
    }
.accordionContenido
{
font-family: Tahoma;
background-color: #00334C;
border: none;
border-top: none;
margin-bottom: 7px;
font-size: 12px;
padding: 3px;
 width: 100%;
}
  .style63
        {
            width: 578px;
        }
.accordionContenidoInterno
{
    border-style: none;
        border-color: inherit;
        border-width: medium;
        font-family: Tahoma;
        background-color: #00547D;
        margin-bottom: 7px;
        font-size: 12px;
        padding: 3px;
        width: 100%;
        height:100%;
    }
                        
        .style70
    {
        background-color: #C62D73;
        font-family: Tahoma;
        font-size: 12px;
        font-weight: bold;
        margin-bottom: 3px;
        margin-top: 3px;
        padding: 3px;
        cursor: pointer;
        Height: 20px;
        color: #CCCCCC;
        text-align: left;
    }
        
        
                </style>

</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="ContentPlaceHolder1" Runat="Server">



 <asp:ScriptManager ID="ScriptManager1" runat="server"> </asp:ScriptManager>
  
    <script src="jquery-ui-1.7.2.custom.min.js" type="text/javascript"></script>

    <script src="jquery-1.4.2.js" type="text/javascript"></script> 
<script type="text/javascript">
	$(function() {
		$("#accordion").accordion();
		autoheight: false ;
	});



   $(document).ready(function() {
            //agregar una nueva columna con todo el texto
            //contenido en las columnas de la grilla
           // contains de Jquery es CaseSentive, por eso a minúscula

          $(".filtrar tr:has(td)").each(function() {
          var t = $(this).text().toLowerCase(); 
                    $("<td class='indexColumn'></td>")
                    .hide().text(t).appendTo(this);
                });

            //Agregar el comportamiento al texto (se selecciona por el ID)
            $("#FilterTextBox").keyup(function() {
                var s = $(this).val().toLowerCase().split(" ");
                $(".filtrar tr:hidden").show();
                $.each(s, function() {
                     $(".filtrar tr:visible .indexColumn:not(:contains('"
                     + this + "'))").parent().hide();
                }); 
            }); 
        });

</script>
 
    <table style="width: 100%;">
        <tr>
            <td>
                &nbsp;</td>
                    
                    
                    
                    
            <td class="style63">
   
              
             <asp:Panel ID="Panel1" runat="server" style="text-align: left" 
        BackColor="Black">
        
        
 <div >

	<h3 class="accordionCabecera"><a href="#" class="style66"><span class="style64">
        Cronograma</span></a></h3>
	<div class="accordionContenidoInterno">

        
        <asp:Panel ID="Panel2" runat="server">
            <table style="width:100%;">
                <tr>
                    <td>
                        <asp:Label ID="lblEve" runat="server" style="color: #FFFFFF; font-size: small" 
                            Text="Evento: "></asp:Label>
                        <asp:Label ID="lblEvento" runat="server" 
                            style="color: #FFFFFF; font-size: small" Text="Label"></asp:Label>
                        &nbsp;&nbsp;&nbsp;&nbsp;
                        <asp:Label ID="lblNom" runat="server" style="color: #FFFFFF; font-size: small" 
                            Text="Nombre: "></asp:Label>
                        <asp:Label ID="lblNombre" runat="server" 
                            style="color: #FFFFFF; font-size: small" Text="Label"></asp:Label>
                    </td>
                </tr>
                <tr>
                    <td>
                        <asp:Label ID="lblFec" runat="server" style="color: #FFFFFF; font-size: small" 
                            Text="Fecha: "></asp:Label>
                        <asp:Label ID="lblFecha" runat="server" 
                            style="color: #FFFFFF; font-size: small" Text="Label"></asp:Label>
                        &nbsp;&nbsp;
                        <asp:Label ID="lblhor" runat="server" style="color: #FFFFFF; font-size: small" 
                            Text="Hora: "></asp:Label>
                        <asp:Label ID="lblHora" runat="server" style="color: #FFFFFF; font-size: small" 
                            Text="Label"></asp:Label>
                    </td>
                </tr>
                <tr>
                    <td>
                        <asp:Label ID="Label7" runat="server" style="color: #FFFFFF; font-size: small" 
                            Text="Salón: "></asp:Label>
                        <asp:Label ID="lblSalon" runat="server" 
                            style="color: #FFFFFF; font-size: small" Text="Label"></asp:Label>
                        &nbsp;&nbsp;
                        <asp:Label runat="server" style="color: #FFFFFF; font-size: small" 
                            Text="Tipo de Evento: "></asp:Label>
                        <asp:Label ID="lblTipoEvento" runat="server" 
                            style="color: #FFFFFF; font-size: small"></asp:Label>
                    </td>
                </tr>
                <tr>
                    <td style="text-align: center">
                        <span>
                        <asp:GridView ID="gvActividades" runat="server" AllowSorting="True" 
                            AutoGenerateColumns="False" Height="90%" 
                            onselectedindexchanging="gvActividades_SelectedIndexChanging" 
                            style="text-align: center; margin-top: 0px" 
                            Width="100%">
                            <RowStyle CssClass="tablaFilas" />
                            <Columns>
                                <asp:BoundField DataField="nombre" HeaderText="Actividad">
                                    <HeaderStyle CssClass="tablaEncabezado" />
                                    <ItemStyle CssClass="tablaFilas" />
                                </asp:BoundField>
                                <asp:BoundField DataField="hora" HeaderText="Hora">
                                    <HeaderStyle CssClass="tablaEncabezado" />
                                    <ItemStyle CssClass="tablaFilas" />
                                </asp:BoundField>
                                
                                <asp:BoundField DataField="descripcion" HeaderText="Descripción">
                                 <HeaderStyle CssClass="tablaEncabezado" />
                                    <ItemStyle CssClass="tablaFilas" />
                                </asp:BoundField>
                                
                            </Columns>
                        </asp:GridView>
                        </span>
                        <br />
                        <asp:UpdatePanel ID="UpdatePanel1" runat="server">
                            <ContentTemplate>
                                <asp:Button ID="btnAlertaActividad" runat="server" BackColor="#0085C6" 
                                    BorderStyle="None" Font-Bold="True" Font-Italic="False" ForeColor="#CCCCCC" 
                                    Height="85px" onclick="btnAlertaActividad_Click" 
                                    style="margin-top: 0px; text-align: center; margin-left: 0px; font-size: x-large;" 
                                    Text="   0 %   " Width="440px" />
                            </ContentTemplate>
                            <Triggers>
                                <asp:AsyncPostBackTrigger ControlID="tmrCronometro" EventName="Tick" />
                                <asp:AsyncPostBackTrigger ControlID="btnAlertaActividad" EventName="Click" />
                            </Triggers>
                        </asp:UpdatePanel>
                        <asp:Timer ID="tmrCronometro" runat="server" Interval="1000" 
                            ontick="tmrCronometro_Tick">
                        </asp:Timer>
                        <br />
                        <br />
                        <div style="text-align: left">
                            <asp:UpdatePanel ID="UpdatePanel2" runat="server">
                                <ContentTemplate>
                                    <asp:Button ID="btnSimulacion" runat="server" BackColor="#0085C6" 
                                        BorderStyle="None" Font-Bold="True" Font-Italic="False" ForeColor="#CCCCCC" 
                                        Height="23px" style="margin-top: 0px; text-align: right; margin-left: 0px;" 
                                        Text="Llego la proxima actividad" 
                                        ToolTip="Simulación de llegada de tiempo en la actividad" Width="189px" />
                                    <cc1:ModalPopupExtender ID="Panel3_ModalPopupExtender" runat="server" 
                                        BackgroundCssClass="modalBackground" CacheDynamicResults="True" 
                                        CancelControlID="btnSalir" Drag="True" DropShadow="True" Enabled="True" 
                                        PopupControlID="Panel3" TargetControlID="btnSimulacion">
                                    </cc1:ModalPopupExtender>
                                </ContentTemplate>
                                <Triggers>
                                    <asp:AsyncPostBackTrigger ControlID="btnAlertaActividad" EventName="Click" />
                                </Triggers>
                            </asp:UpdatePanel>
                        </div>
                        
                        <br />
                    </td>
                </tr>
            </table>
        </asp:Panel>
        
        
        
        
        
        
                      <div align="right">
                            <br />
                            &nbsp;<asp:Button ID="btnSalir1" runat="server" BackColor="#0085C6" 
                                BorderStyle="None" Font-Bold="True" Font-Italic="False" ForeColor="#CCCCCC" 
                                Height="23px" style="margin-top: 0px; text-align: right; margin-left: 0px;" 
                                Text="Salir" Width="65px" onclick="btnSalir1_Click" />
                            &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                        </div>
                   
    </div>
	



</div>        
        


                </asp:Panel>
     
     
                                   
    
   
    

     
  
                                   
 
    
            </td>
            <td>
                &nbsp;</td>
        </tr>
        <tr>
            <td>
                &nbsp;</td>
                    
                    
                    
                    
            <td class="style63">
   
              
        <asp:Panel ID="Panel3" runat="server" BackColor="#00547D" Height="145px" 
                    style="text-align: center" Width="230px">
            <table style="width:100%;">
                <tr>
                    <td class="style70">
                        Descripción</td>
                </tr>
                <tr>
                    <td>
                        <table style="width:100%;">
                            <tr>
                                <td>
                                    <asp:UpdatePanel ID="UpdatePanel3" runat="server">
                                        <ContentTemplate>
                                            <asp:TextBox ID="tbxDescripcion" runat="server" BackColor="#0085C6" 
                                                BorderStyle="None" BorderWidth="0px" Font-Size="Small" ForeColor="#CCCCCC" 
                                                Height="70px" style="font-family: Tahoma" TextMode="MultiLine" Width="210px"></asp:TextBox>
                                            <cc1:TextBoxWatermarkExtender ID="tbxDescripcion_TextBoxWatermarkExtender" 
                                                runat="server" TargetControlID="tbxDescripcion" WatermarkText="Motivo">
                                            </cc1:TextBoxWatermarkExtender>
                                        </ContentTemplate>
                                        <Triggers>
                                            <asp:AsyncPostBackTrigger ControlID="btnAlertaActividad" EventName="Click" />
                                        </Triggers>
                                    </asp:UpdatePanel>
                                </td>
                            </tr>
                        </table>
                    </td>
                </tr>
                <tr>
                    <td style="text-align: right">
                        &nbsp;&nbsp;
                        <asp:Button ID="btnSalir" runat="server" BackColor="#0085C6" BorderStyle="None" 
                            Font-Bold="True" Font-Italic="False" ForeColor="#CCCCCC" Height="23px" 
                            style="margin-top: 0px; text-align: center; margin-left: 0px;" 
                            Text="Fin Ejecución" ToolTip="Fin Ejecucion" Width="103px" />
                        &nbsp;&nbsp;
                        </td>
                </tr>
            </table>
            <br />
            <br />
            <br />
        </asp:Panel>
                
                
                
    
                
                </td>
            <td>
                &nbsp;</td>
        </tr>
        </table>


                     
                     <script type="text/javascript" language="javascript">

jQuery(document).ready(function(){
	$('.accordion .head').click(function() {
		$(this).next().toggle();
		return false;
	}).next().hide();
});
//jQuery(document).ready(function(){
//	$('.accordion .head').click(function() {
//		$(this).next().toggle('slow');
//		return false;
//	}).next().hide();
//});
</script>


</asp:Content>

